@media (max-width: 767px) {
	body {
		font-size: 150%;
	}

	h2 {
		font-size: 1em;
	}

	header {
		margin-bottom: 0.5em;
		background-position: 45% 0;
		h1 {
			font-size: 1.5em;
		}
	}

	footer {
		#footer-other-info {
			text-align: left;
		}
	}

	.pure-u-1-2 {
		&:first-child {
			padding-right: 0;
		}
		&:last-child {
			padding-left: 0;
		}
	}

	section[id^=demo-], #documentation, #ports {
		@include box-shadow(0 0 1em rgba(0,0,0,0.5));
	}

	#content {
		margin: 0 auto;
		padding: 0 0.5em;
		max-width: 980px;
	}

	#ime {
		padding: 1.5em;
		font-size: 50% !important;
	}

	#documentation, #ports {
		table {
			display: block;
		}
		thead {
			display: none;
		}
		tbody {
			display: block;
			width: 100%;
			max-width: 100%;
			tr {
				display: block;
				width: 100%;
				max-width: 100%;
			}
			td {
				display: block;
				&:last-child {
					padding-top: 0;
				}
			}
		}
	}
}